import { View } from "@tarojs/components";
import Paragraph from "../Paragraph";
import style from "./index.module.scss";

interface BulletListProps {
  bulletListItems: string[];
}

const BulletList = ({ bulletListItems }: BulletListProps) => {
  return (
    <>
      {bulletListItems.map((bulletText, bulletIdx) => {
        return (
          <View key={bulletIdx} className={style["bullet-item"]}>
            <Paragraph noSpacing>{bulletText}</Paragraph>
          </View>
        );
      })}
    </>
  );
};

export default BulletList;
